import type { App } from 'vue';

import {
  Layout,
  Menu,
  Breadcrumb,
  Row,
  Col,
  Table,
  Pagination,
  ConfigProvider,
  Button,
  Form,
  Input,
  Select,
  DatePicker,
  Switch,
  Checkbox,
  TimePicker,
  Timeline,
  Steps,
  Popover,
  Dropdown,
  Tabs,
  Upload,
  Tooltip,
  Tree,
  Modal,
  Slider,
} from 'ant-design-vue';

const components = [
  Layout,
  Menu,
  Breadcrumb,
  Row,
  Col,
  Table,
  Pagination,
  ConfigProvider,
  Button,
  Form,
  Input,
  Select,
  DatePicker,
  Switch,
  Checkbox,
  TimePicker,
  Timeline,
  Steps,
  Popover,
  Dropdown,
  Tabs,
  Upload,
  Tooltip,
  Tree,
  Modal,
  Slider,
];

export function setupAntDesign(app: App<Element>) {
  components.map((item: any) => {
    app.use(item);
  });
}
